<!DOCTYPE html>
<html>
<head>
    <meta name="layout" content="main" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <g:set var="entityName" value="${message(code: 'estate.label', default: 'Estate')}" />
    <title>开发商楼盘详情</title>
    <asset:stylesheet src="intelligence/swiper.css"/>
    <style>
    .contact-stat{
        padding: 8px 0px;
        text-align: center;
    }
    .contact-stat span{
        font-size: 13px;
        color: #88898c;
        margin-bottom: 10px;
    }
    .contact-stat strong{
        font-size: 13px;
        word-wrap: break-word;
    }
    .nav-tabs{
        border-bottom: none;
    }
    .hpanel > .panel-footer, .hpanel > .panel-section{
        background: #f9f9f9;
    }
    .flex{
        display: flex;justify-content: center;align-items: center;
    }
    .newFontSize{
        font-size: 12px;
    }
    table>tbody>tr>td, table>tbody>tr>th,.table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th{
        padding: 8px;
        line-height: 1.42857143;
        white-space: nowrap;
    }
    /*轮播图样式*/
    .swiper-container{
        width: 100%;
        height: 300px;
        margin-top: 10px;
    }
    .swiper-pagination-bullet-active{
        opacity: 0.6;
        background: #fff;
    }
    @media (max-width:1654px){
        #screenPage,#screenPage_1{
            height:162px;
        }
    }
    @media (max-width:1382px){
        #screenPage_2{
            height:477px;
        }
    }

    .footer.bg-success {
        background-color: #dff0d8;
    }
    </style>
</head>
<body class="fixed-navbar fixed-sidebar">

<div class="small-header">
    <div class="hpanel">
        <div class="panel-body">
            <div id="hbreadcrumb" class="pull-right navFloatRight">
                <ol class="hbreadcrumb breadcrumb">
                    <li>
                        <span>CINDATA PLS</span>
                    </li>
                    <li>
                        <g:link action="index"><span>开发商管理</span></g:link>
                    </li>
                    <li class="active">
                        <span>开发商楼盘详情</span>
                    </li>
                </ol>
            </div>
        </div>
    </div>
</div>

<g:if test="${params?.message}">
    <div class="message alert alert-info" role="status">${params?.message}</div>
</g:if>

<g:if test="${flash.message}">
    <div class="message alert alert-info" role="status">${flash.message}</div>
</g:if>

<div class="content animate-panel">
    %{--押品信息--}%
    <div class="row">
        <div class="hpanel hgreen" style="">
            <div class="panel-heading">
                <div class="panel-tools">
                    
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                楼盘信息
            </div>

            <div class="panel-body">
                <div class="col-md-12 text-center">
                    <div class="col-md-2">
                        <h3 class="font-extra-bold m-b-xs text-center">
                            <small style="font-size: 16px;">楼盘名称 :</small>
                            <small style="font-size: 16px;">${developerProjectBuilding?.name}</small>
                            %{--<small class="newFontSize">万元</small>--}%
                        </h3>
                    </div>
                    <div class="col-md-2">
                        <h3 class="font-extra-bold m-b-xs">
                            <small style="font-size: 16px;">楼盘地址 : </small>
                            <small style="font-size: 16px;">${developerProjectBuilding?.address}</small>
                            %{--<small class="newFontSize">元/平方米</small>--}%
                        </h3>
                    </div>
                    <div class="col-md-2">
                        <h3 class="font-extra-bold m-b-xs">
                            <small style="font-size: 16px;">占地面积(㎡) : </small>
                            <small style="font-size: 16px;">${developerProjectBuilding?.coveringArea}</small>
                            <small class="newFontSize"></small>
                        </h3>
                    </div>
                    <div class="col-md-2">
                        <h3 class="font-extra-bold m-b-xs">
                            <small style="font-size: 16px;">总建筑面积(㎡) : </small>
                            <small style="font-size: 16px;">${developerProjectBuilding?.totalBuildingArea}</small>
                            <small class="newFontSize"></small>
                        </h3>
                    </div>
                    <div class="col-md-2">
                        <h3 class="font-extra-bold m-b-xs">
                            <small style="font-size: 16px;">资质证书编号 : </small>
                            <small style="font-size: 16px;">${developerProjectBuilding?.certificateNumber}</small>
                            <small class="newFontSize"></small>
                        </h3>
                    </div>
                    <div class="col-md-2">
                        <h3 class="font-extra-bold m-b-xs">
                            <small style="font-size: 16px;">用途性质 : </small>
                            <small style="font-size: 16px;">住宅</small>
                            <small class="newFontSize"></small>
                        </h3>
                    </div>

                </div>
            </div>

        </div>
    </div>

    %{--国土证--}%
    <div class="row">
        <div class="hpanel hgreen" style="">
            <div class="panel-heading ">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                国土证
            </div>

            <div class="panel-body no-padding" style="overflow-x: scroll;">
                <table class="table table-striped table-bordered table-hover text-center">
                    <thead>
                    <tr>
                        <th>国土证号</th>
                        <th>土地坐落</th>
                        <th>土地用途</th>
                        <th>使用权面积(平方米)</th>
                        <th>土地出让年限自</th>
                        <th>发证日期</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>穗府国用（2009）第040502945号</td>
                        <td>番禺区大石街南大公路</td>
                        <td>商住</td>
                        <td>56677</td>
                        <td>1998-12-22</td>
                        <td>2010-2-29</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    %{--施工许可证--}%
    <div class="row">
        <div class="hpanel hgreen" style="">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                施工许可证
            </div>

            <div class="panel-body no-padding" style="overflow-x: scroll;">
                <table class="table table-striped table-bordered table-hover text-center">
                    <thead>
                    <tr>
                        <th>施工许可证编号</th>
                        <th>工程名称</th>
                        <th>建设规模(平方米)</th>
                        <th>施工单位</th>
                        <th>设计单位</th>
                        <th>合同价格(万元)</th>
                        <th>发证日期</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>穗府国用（2009）第04052202945号</td>
                        <td>番禺区大石街南大公路</td>
                        <td>商住</td>
                        <td>德邦</td>
                        <td>设计公司</td>
                        <td>563322</td>
                        <td>2010-2-29</td>
                    </tr>
                    </tbody>
                </table>
            </div>

        </div>
    </div>

    %{-- 建设工程规划许可证--}%
    <div class="row">
        <div class="hpanel hgreen" style="">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                建设工程规划许可证
            </div>

            <div class="panel-body no-padding" style="overflow-x: scroll;">
                <table class="table table-striped table-bordered table-hover text-center">
                    <thead>
                    <tr>
                        <th>建设工程规划许可证号</th>
                        <th>建设单位</th>
                        <th>建设位置</th>
                        <th>建设规模</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>穗府国用（2009）第04052202945号</td>
                        <td>广东中信建江工程有限公司</td>
                        <td>广州市南沙区南沙街金沙中路</td>
                        <td>高层住宅（自编1-7号）7幢地上18层64903平方米</td>
                    </tr>
                    </tbody>
                </table>
            </div>

        </div>
    </div>

    %{--地块信息--}%
    <div class="row">
        <div class="hpanel hgreen ">
            <div class="panel-heading ">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                地块信息
            </div>

            <div class="panel-body no-padding" style="overflow-x:scroll;">
                <table class="table table-striped table-bordered table-hover text-center">
                    <thead>
                    <tr>
                        <th>地块编号</th>
                        <th>土地四至范围</th>
                        <th>总用地面积(平方米)</th>
                        <th>用地性质</th>
                        <th>受让单位</th>
                    </tr>
                    </thead>
                    <tbody>

                    <tr>
                        <td>粤土IUEY4593</td>
                        <td> 东至HHH路，南至JJJ路，西至YYY路，北至XXX路</td>
                        <td >198904.5</td>
                        <td > 住宅</td>
                        <td>信达房地产开发有限公司</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    %{--开发商信息--}%
    <div class="row">
        <div class="hpanel hgreen ">
            <div class="panel-heading ">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                开发商信息
            </div>

            <div class="panel-body no-padding" style="overflow-x:scroll;">
                <table class="table table-striped table-bordered table-hover text-center">
                    <thead>
                    <tr>
                        <th>开发商名称</th>
                        <th>统一社会信用代码</th>
                        <th>注册资金</th>
                        <th>注册资金币种</th>
                        <th>法人</th>
                        <th>单位性质</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td > 广州领越市场管理有限公司</td>
                        <td>914401115856750960</td>
                        <td>10000</td>
                        <td>人民币</td>
                        <td> 信达</td>
                        <td>有限公司</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    %{--销售统计--}%
    <div class="row">
        <div class="hpanel hgreen ">
            <div class="panel-heading ">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                销售统计
            </div>

            <div class="panel-body no-padding" style="overflow-x:scroll;">
                <table class="table table-striped table-bordered table-hover text-center">
                    <thead>
                    <tr>
                        <th>预售证</th>
                        <th>已售总套数</th>
                        <th>未售总套数</th>
                        <th>已售总面积(平方米)</th>
                        <th>未售总面积(平方米)</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>20080301</td>
                        <td >323</td>
                        <td>310</td>
                        <td>230044.86</td>
                        <td>53223</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</div>


<asset:javascript src="intelligence/swiper.js"/>
<script>
   
    var riskText=$('.risk').text();
    if(riskText=='低风险>>'){
        $('.risk').css('color','#62CB31');
    }else if(riskText=='中风险>>'){
        $('.risk').css('color','#FF9800');
    }
    else if(riskText=='高风险>>'){
        $('.risk').css('color','#E51C23');
    }else{
        $('.risk').css('color','#3498DB');
    }


</script>
<script>
    function show(id){
        var url = window.location.origin+"/mortgage/show?id="+id;
        window.open(url);
    }
    $(function(){
        //点击搜索数据复制给搜索框
        $(document).on('click', '.tiaozhuan', function () {
            var id = $(this).attr("data-cid");
            var city = $(this).attr("data-city");
            $.ajax({
                url: '/buildingsRated/hasScore',
                data: {
                    id : id
                },
                dataType: 'json',
                beforeSend: function () {
                    $('body').append('<div  id = "tanchu" style=" top:0px;left:0px;width: 100%;height: 100%;position: fixed;z-index: 99;background: gray; opacity: 0.4;"><img src="/assets/loading.gif" style="position: fixed;z-index: 99;left: 50%;top: 50%;"/></div>');
                },
                success: function (data) {
                    if(data.score.closingScore){
                        location.href= "/buildingsRated/circulationAssessment?id="+id+"&city="+city;
                    } else {
                        toastr.error('此小区没有流动性评分！');
                        $("#tanchu").remove();
                    }
                },
                error: function () {
                    toastr.error('网络故障！');
                    $("#tanchu").remove();
                }
            })

        })
    })
    // 赋最后一个row有下边距
    $(".animate-panel>.row:last-child").css("margin-bottom","35px");
</script>
</body>
</html>
